<template>
    <div class="novel">
        <!--头部 -->
          <div class="header">
      <div class="containor">
        <!-- 点击行学天下时，跳转至首页，使用$router.go(-1) -->
        <div class="name" @click="$router.go(-1)">
          <img
            src="../assets/hhxy.png"
            alt="图片丢失"
            width="360px"
            height="80px"
          />
          </div>
        <div class="telephone">
          <img
            src="../assets/telephone.png"
            alt="图片丢失"
            width="25px"
            height="25px"
          />
          <router-link to="/contact us">联系我们</router-link>
        </div>
      </div>
    </div>
    
    <h1>热销书籍</h1>
        <div class="test">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="http://images.china-pub.com/ebook8080001-8085000/8084732/zcover.jpg"  height="300" /> </td>
    <td align="center"><img src="http://images.china-pub.com/ebook4965001-4970000/4966058/zcover.jpg" height="300" /></td>
    <td align="center"><img src="http://images.china-pub.com/ebook8080001-8085000/8084118/zcover.jpg" height="300" /></td>
    <td align="center"><img src="http://images.china-pub.com/ebook8080001-8085000/8084810/zcover.jpg" height="300" /></td>
 
    
  </tr>
  <tr>
    <td align="center"><h1>解决方案架构师</h1>
    <el-badge :value="85" class="item">
  <el-button size="small">购买</el-button>
  </el-badge>
    <br>劳拉·塞巴斯蒂安-科尔曼著
<div>出版社：机械工业出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
  </td>
    <td align="center"><h1>软件测试教程</h1>
    <el-badge :value="32" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br> 宫云战 著
<div>出版社：星火英语出版社
<br>ISBN：9787111457895
<br>上架时间：2016-7-17
<br>出版日期：2016 年7月
<br>开本：16开
<br>页码：257
<br>版次：1-2</div>
  </td>
    <td align="center"><h1>如何让孩子爱上阅读</h1>
    <el-badge :value="52" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br>卡尔·皮克哈特著
  
<div>出版社：清华大学出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
  
 
  </td>
   <td align="center"><h1>学会沟通</h1>
   <el-badge :value="78" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br>王晓林著
  
<div>出版社：南京大学出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
 

  </td>
  </tr>
</table>
        </div>
      
        <el-divider></el-divider>
         <div class="test">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="http://images.china-pub.com/ebook8080001-8085000/8081690/zcover.jpg"  height="300" /> </td>
    <td align="center"><img src="	http://images.china-pub.com/ebook8080001-8085000/8082979/zcover.jpg" height="300" /></td>
    <td align="center"><img src="	http://images.china-pub.com/ebook8080001-8085000/8082432/zcover.jpg" height="300" /></td>
    <td align="center"><img src="	http://images.china-pub.com/ebook8080001-8085000/8080477/zcover.jpg" height="300" /></td>
 
    
  </tr>
  <tr>
    <td align="center"><h1>欢迎来到青春期</h1>
    <el-badge :value="54" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br>李欢著
 
<div>出版社：星火英语出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
 

  </td>
    <td align="center"><h1>孩子的语言</h1>
    <el-badge :value="54" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br>何正中著
<div>出版社：清华大学出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>


  </td>
    <td align="center"><h1>漫话世界战机</h1> <el-badge :value="99" class="item">
  <el-button size="small">购买</el-button>
  </el-badge><br>刘建欢著
  
<div>出版社：清华大学出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
  

  </td>
   <td align="center"><h1>美德的起源</h1>
   <el-badge :value="78" class="item">
  <el-button size="small">购买</el-button>
</el-badge><br>李明华著
  
<div>出版社：北京大学出版社
<br>ISBN：9787111532392
<br>上架时间：2016-4-26
<br>出版日期：2016 年4月
<br>开本：16开
<br>页码：260
<br>版次：1-1</div>
 
  
  </td>
  </tr>
</table>
</div>
</div>

</template>

<script>
import { get } from "@/utils/request.js";
export default {
  data() {
    return {
         categories: [],
    };
    },
    methods: {
    // 查询所有栏目信息
    findAllCategories() {
      // 使用axios封装的get方法，发送ajax请求，拿到所有的栏目数据
      get("/index/category/findAll").then((res) => {
        // 将后台接口响应的数据，设置到组件的数据模型中
        this.categories = res.data;
      });
    },
    },
    created() {
    // 调用查询所有栏目信息的方法
    this.findAllCategories();
    },
};
</script>
<style scoped>
.header {
  /* display: flex; */
  height: 80px;
  font-family: "微软雅黑";
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.329);
}
.containor {
  width: 90%;
  margin: 0 auto;
  height: 80px;
}
/* 为因为子元素浮动产生高度塌陷的父元素清除浮动 => 使用伪元素来清除浮动 */
.containor::after {
  display: block;
  clear: both;
  content: "";
}
.name {
  float: left;
  font-size: 22px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.category {
  float: left;
  display: flex;
  margin: 0;
  padding: 0 1em;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color: #666;
}
.category > li {
  padding: 0 16px;
  cursor: pointer;
}
.telephone {
  float: right;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}
.telephone > img {
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.xs{
 cursor: pointer;   
}

.novel{
  font-family: "微软雅黑";
  color:black; 
}

a {
    text-decoration: none;
    color: rgb(107, 105, 105);
  }
</style>